{% extends "baseMenu.html" %}

{% block content %}
<table style="text-align: left; height: 100%; border: 3px solid rgb(0,0,0); padding:10px; box-shadow: 0px 0px 10px 10px rgba(70,70,70, 0.4) inset;background-color:rgb(255,255,255);">
	<tbody>
		{% if mensaje %}<tr><td>{{ mensaje }}</td></tr>{% endif %}
    	{% if error %} <tr><td style="text-align: center;"><font color="red" size=2>Error: {{ error }}</font></td></tr>{% endif %}
       	<tr><td><form name="formUsuario" action="" method="post">{% csrf_token %}
            <table>
                <tr>
                    <td colspan="2"> <label for="id_usuario"> Nombre Usuario: </label> {{ form.nombre }} </td>	
                </tr>
                <tr>
                    <td> <label for="password"> Contraseña: </label> {{ form.password }} </td>
                    <td> <label for="confirmacion"> Confirmar Contraseña: </label> {{ form.confirmacion }} </td>
                </tr>
                <tr>
                    <td> <label for="email"> Email: </label> {{ form.email }} </td>
                </tr>
                <tr>
                    <td> <label for="categoria"> Categoria: </label> {{ form.categoria }} 
                    <SELECT NAME="tipoCombo" SIZE=1 onchange="document.formUsuario.id_categoria.value = document.formUsuario.tipoCombo.options[document.formUsuario.tipoCombo.selectedIndex].value;document.formUsuario.tipoCombo.value=document.formUsuario.tipoCombo.options[document.formUsuario.tipoCombo.selectedIndex].value">
                     		<OPTION VALUE="">Seleccione un valor</OPTION>
                        {% for category in categoryList %}
                            <OPTION {% if temporaryUser and temporaryUser.categoria == category %} SELECTED {% endif %}VALUE="{{ category }}">{{ category }}</OPTION>
                        {% endfor %}
                    </SELECT></td>
                    <td> <label for="empresa"> Empresa: </label> {{ form.empresa }} 
                    <SELECT NAME="empresaCombo" SIZE=1 onchange="document.formUsuario.id_empresa.value = document.formUsuario.empresaCombo.options[document.formUsuario.empresaCombo.selectedIndex].value;document.formUsuario.empresaCombo.value=document.formUsuario.empresaCombo.options[document.formUsuario.empresaCombo.selectedIndex].value">
                    		<OPTION VALUE="">Seleccione un valor</OPTION> 
                        	{% for company in companyList %}
                            <OPTION {% if temporaryUser and temporaryUser.empresa == company %} SELECTED {% endif %}VALUE="{{ company.nombre }}">{{ company.nombre }}</OPTION>
                        	{% endfor %}
                        </SELECT></td>
                </tr>
                <tr><td>{{ form.action }}</td></tr>
                </table>
                <input type="button" name="back" id="back" value="Descartar" onClick="javaScript:history.back();">
        		<BUTTON type="submit" name="save" value="save"> Guardar</BUTTON>
		</form></td></tr>
</tbody></table>
{% endblock %}

{% block extrahead %}
	<script type='text/javascript'>
		function initialize(){
			document.getElementById("id_action").value = document.location.search.substr(1);
		}
	</script>
{% endblock %}